import React from 'react';
import { Steps } from 'antd';
import { ShopOutlined, TableOutlined, HddOutlined, GroupOutlined } from '@ant-design/icons';

const { Step } = Steps;

// let icon ={icon?: React.ReactNode}
// let icon:React.ReactNode
const StepH = () => {
    return (
    <Steps style={{width:"80%",margin:"0 auto"}}>
    <Step status="finish" title="仓库" icon ={<ShopOutlined/>} />
    <Step status="finish" title="区域" icon={<TableOutlined/>} />
    <Step status="process" title="货架" icon={<HddOutlined/>} />
    <Step status="wait" title="库位" icon={<GroupOutlined/>} />
  </Steps>
    );
}

export default StepH;
